            * {
                padding: 0px;
                margin: 0px;
            }
            
            a {
                color: #000;
                text-decoration: none;
            }
            
            li {
                list-style: none;
            }
            
            .all-title {
                margin-top: 100px;
                margin-bottom: 50px;
            }
            
            .home {
                max-width: 1200px;
                margin: 0 auto;
            }
            
            .all-title h2 {
                text-align: center;
                font-size: 46px;
            }
            
            .home .book-box {
                border: solid 1px black;
                width: 1000px;
                margin: 0px auto;
                display: flex;
                height: 600px;
                border-bottom: none;
            }
            
            .left-box {
                width: 150px;
                height: 100%;
                border-right: solid 1px black;
                border-bottom: solid 1px black;
            }
            
            .left-box>div {
                text-align: center;
                padding: 20px 20px;
                border-bottom: solid 1px black;
            }
            
            .right-box {
                display: flex;
                flex-flow: wrap;
                width: calc(100% - 150px);
                padding: 20px;
                border-bottom: solid 1px black;
            }
            
            .right-box>div {
                width: 22%;
                border: solid 1px black;
                margin: 5px;
            }
            
            .right-box>div a {
                width: 100%;
            }
            
            .right-box>div img {
                width: 100%;
            }
            
            .all-title {
                position: relative;
            }
            
            .login-register {
                position: absolute;
                right: 0px;
            }
            
            .login-register span>a {
                border: solid 1px black;
                margin-left: 20px;
				background-color:rgba(255,252,153,0.5);
            }
            
            .login-box {
                width: 500px;
                margin: 0px auto;
                height: 500px;
                border: solid 1px black;
                background: url(../images/9.jpg) no-repeat;
                background-position: center;
                background-size: 100% 100%;
            }
            
            .register-box {
                height: auto;
            }
            
            .login-box h2 {
                margin-top: 50px;
                margin-bottom: 100px;
                text-align: center;
            }
            
            .login-box .demo {
                margin-bottom: 20px;
            }
            
            .login-box .demo .list {
                height: 40px;
                font-size: 20px;
                display: flex;
                align-items: center;
            }
            
            .login-box .demo .error {
                display: none;
            }
            
            .login-box .demo .list input {
                height: 30px;
                margin-left: 10px;
            }
            
            .demo-box {
                width: 300px;
                margin: 0px auto;
                margin-bottom: 30px;
            }
            
            .demo-login {
                display: flex;
                justify-content: center;
                font-size: 20px;
            }
            
            .demo-login button {
                font-size: 20px;
            }
            
            .demo-text .list {
                display: flex;
                align-items: flex-start;
            }
            
            #nowTime {
                left: 0px;
                top: -20px;
                position: absolute;
            }
            
            .content-one {
                max-width: 960px;
                margin: 0px auto;
            }
            
            .content-box {
                display: flex;
                justify-content: space-between;
            }
            
            .content-one h2 {
                margin-bottom: 30px;
            }
            
            .content-box .left-content {
                width: 80px;
                height: 130px;
            }
            
            .content-box .left-content img {
                width: 100%;
            }
            
            .right-content {
                width: 80%;
                display: flex;
                justify-content: space-between;
                flex-wrap: wrap;
            }
            
            .right-content>span {
                width: 30%;
            }
            
            .title {
                margin-top: 10px;
                width: 100%;
                height: 30px;
                background-color: #dadada;
            }
            
            .sction {
                text-indent: 2em;
                margin: 20px 0px;
            }
            
            .sction2 {
                font-size: 14px;
            }
            
            .buy {
                width: 100%;
                display: flex;
            }
            
            .buy a {
                background: red;
                color: #fff;
                display: flex;
                align-items: center;
                justify-content: center;
            }
            
            .content-two {
                max-width: 920px;
                margin: 0px auto;
            }
            
            .content-two h2 {
                display: inline;
                font-size: 40px;
            }
            
            .left-head {
                width: 700px;
            }
            
            .right-head {
                width: 200px;
            }
            
            .head {
                display: flex;
                justify-content: space-between;
                margin-top: 100px;
            }
            
            .right-head img {
                width: 100%;
            }
			.left-head{
				background-color:red;
			}
            
            .left-head p {
                text-indent: 2em;
                margin-top: 20px;
            }
            
            .list-ul {
                display: flex;
                justify-content: space-between;
                flex-flow: wrap;
                margin-top: 50px;
            }
            
            .list-ul>span {
                width: 40%;
                margin-bottom: 10px;
                font-weight: bold;
            }
            
            .list-ul>span>span {
                font-weight: normal;
                padding-left: 5px;
            }
            
            .left-head h3 {
                margin: 30px 0px;
            }
            
            .error {
                color: red;
            }
			